<template>
  <div>
    <h3>腾讯云存储</h3>
    SecretId: AKIDNXR8bpeSF1JL8EyZopxRfdHgqGUeuEn8
    SecretKey:HJ9mAbQEn7jgjY9swEI6yAamk7MN8hty
    <input type="file" @change="uploadImg">

    <!-- 腾讯云存储
    1：下载插件  yarn add cos-js-sdk-v5
    2：导入  import COS from 'cos-js-sdk-v5'
    3:实例化  const cos = new COS({
                SecretId: 'AKIDNXR8bpeSF1JL8EyZopxRfdHgqGUeuEn8',
                SecretKey: 'HJ9mAbQEn7jgjY9swEI6yAamk7MN8hty'
                })
    4:上传对象
       cos.putObject(
        {
          Bucket: 'abc-1305249343' /* 必须:存储桶编号 */,
          Region:'ap-chongqing' /* 存储桶所在地域，必须字段 ，选择的服务器编号 */,
          Key: file.name /* 必须:文件名 */,
          StorageClass: 'STANDARD',  // 固定参数
          Body: file, // 上传文件对象
          onProgress: function(progressData) {
            // 进度值
            console.log(JSON.stringify(progressData))
          }
        },
        function(err, data) {
          // 成功或者失败返回值
          console.log(err || data)
        }
      )

     -->
  </div>
</template>
<script>
import COS from 'cos-js-sdk-v5'
const cos = new COS({
  SecretId: 'AKIDNXR8bpeSF1JL8EyZopxRfdHgqGUeuEn8',
  SecretKey: 'HJ9mAbQEn7jgjY9swEI6yAamk7MN8hty'
})
export default {
  methods: {
    uploadImg(e) {
      //   console.log(e.target.files[0])
      const file = e.target.files[0]
      cos.putObject(
        {
          Bucket: 'abc-1305249343' /* 必须:存储桶编号 */,
          Region:
            'ap-chongqing' /* 存储桶所在地域，必须字段 ，选择的服务器编号 */,
          Key: '/hm89/' + file.name /* 必须:文件名 */,
          StorageClass: 'STANDARD',
          Body: file, // 上传文件对象
          onProgress: function(progressData) {
            // 进度值
            console.log(JSON.stringify(progressData))
          }
        },
        function(err, data) {
          // 成功或者失败返回值
          console.log(err || data)
        }
      )
    }
  }
}
</script>
<style></style>
